<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>优贷云管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/admin/layui/css/layui.css">
    <style>
        .layui-layout-admin .layui-header {
            background: linear-gradient(120deg, #3498db, #2980b9) !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .layui-nav {
            background: transparent !important;
        }

        .layui-side {
            background: #fff !important;
            box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
        }

        .layui-side .layui-nav {
            background: #fff !important;
        }

        .layui-nav-tree .layui-nav-item a {
            color: #666 !important;
        }

        .layui-nav-tree .layui-nav-child dd.layui-this,
        .layui-nav-tree .layui-nav-child dd.layui-this a,
        .layui-nav-tree .layui-this,
        .layui-nav-tree .layui-this>a {
            background: linear-gradient(120deg, #3498db, #2980b9) !important;
            color: #fff !important;
        }

        .layui-nav-tree .layui-nav-item a:hover {
            background: rgba(52, 152, 219, 0.1) !important;
        }

        .layui-card {
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .layui-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        .layui-card-header {
            font-weight: 500;
            color: #333;
        }

        .layui-logo {
            color: #fff !important;
            font-weight: 500;
            font-size: 18px;
        }

        .layui-footer {
            background: #f8f9fa !important;
            color: #666;
            border-top: 1px solid #eee;
        }

        .layui-card-body h2 {
            color: #2980b9;
            font-size: 24px;
            margin: 10px 0;
        }

        .layui-nav .layui-nav-item a i {
            color: #3498db;
        }

        .layui-nav-child {
            background-color: #fff !important;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
        }

        .layui-nav-child dd a {
            color: #666 !important;
        }

        .layui-nav-child dd a:hover {
            background-color: rgba(52, 152, 219, 0.1) !important;
        }

        .layui-nav-img {
            width: 30px;
            height: 30px;
            border: 2px solid rgba(255, 255, 255, 0.3);
        }

        /* 首页特定样式 */
        .welcome-box {
            padding: 30px;
            text-align: center;
            margin-bottom: 30px;
        }

        .welcome-title {
            font-size: 24px;
            color: #2980b9;
            margin-bottom: 15px;
        }

        .welcome-subtitle {
            font-size: 16px;
            color: #666;
            margin-bottom: 30px;
        }

        .feature-card {
            height: 100%;
            transition: all 0.3s;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .feature-icon {
            font-size: 40px;
            color: #3498db;
            margin-bottom: 15px;
        }

        .announcement-box {
            margin-top: 30px;
        }

        .announcement-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 15px;
            padding-left: 10px;
            border-left: 4px solid #3498db;
        }
    </style>
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <!-- 头部区域 -->
        <div class="layui-header">
            <div class="layui-logo">优贷云管理</div>
            <!-- 引入顶部用户信息模板 -->
            {% include "back/templates/admin/common/header-user.html" %}
        </div>

        <!-- 左侧导航区域 -->
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 引入左侧导航栏模板 -->
                {% include "back/templates/admin/common/menu.html" %}
            </div>
        </div>

        <!-- 内容主体区域 -->
        <div class="layui-body">
            <div style="padding: 15px;">
                <!-- 欢迎区域 -->
                <div class="welcome-box">
                    <h1 class="welcome-title">欢迎使用优贷云管理系统</h1>
                    <p class="welcome-subtitle">专业的互联网金融服务平台</p>
                </div>

                <!-- 平台特点 -->
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4">
                        <div class="layui-card feature-card">
                            <div class="layui-card-body" style="text-align: center;">
                                <div class="feature-icon">
                                    <i class="layui-icon layui-icon-rmb"></i>
                                </div>
                                <h3>快速放款</h3>
                                <p>审核通过后最快2小时内放款，解决资金周转难题</p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card feature-card">
                            <div class="layui-card-body" style="text-align: center;">
                                <div class="feature-icon">
                                    <i class="layui-icon layui-icon-chart"></i>
                                </div>
                                <h3>灵活额度</h3>
                                <p>根据客户信用评估，提供个性化的贷款额度</p>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card feature-card">
                            <div class="layui-card-body" style="text-align: center;">
                                <div class="feature-icon">
                                    <i class="layui-icon layui-icon-password"></i>
                                </div>
                                <h3>安全可靠</h3>
                                <p>严格的风控体系，保障资金安全</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 平台公告 -->
                <div class="layui-card announcement-box">
                    <div class="layui-card-header announcement-title">平台公告</div>
                    <div class="layui-card-body">
                        <div class="layui-collapse">
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title">关于优贷云平台</h2>
                                <div class="layui-colla-content layui-show">
                                    <p>优贷云是一家专注于普惠金融的互联网借贷平台，致力于为广大用户提供便捷、安全、透明的借贷服务。我们采用先进的金融科技手段，结合严格的风控体系，为用户提供优质的借贷解决方案。
                                    </p>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title">贷款产品优势</h2>
                                <div class="layui-colla-content">
                                    <ul>
                                        <li>无抵押：纯信用贷款，手续简单</li>
                                        <li>额度灵活：1000-50000元随心借</li>
                                        <li>期限多样：3-12个月灵活选择</li>
                                        <li>放款迅速：最快2小时到账</li>
                                        <li>还款方式：等额本息，按月还款</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title">申请条件</h2>
                                <div class="layui-colla-content">
                                    <ul>
                                        <li>年龄要求：22-55周岁</li>
                                        <li>身份要求：中国大陆公民</li>
                                        <li>工作要求：固定工作或经营稳定</li>
                                        <li>信用要求：信用记录良好</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部固定区域 -->
        <div class="layui-footer">
            © 2024 优贷云管理系统
        </div>
    </div>

    <script src="/static/admin/layui/layui.js"></script>
    <script>
        layui.use(['element', 'layer'], function () {
            var element = layui.element
                , layer = layui.layer;

            //初始化
            element.render();
        });
    </script>
</body>

</html>